<?php
/**
 * 预定义变量
 *
 * @var string $crumb
 * @var string $tags
 * @var string $path
 * @var string $lang
 * @var string $msg
 * @var string $err
 */
?>
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>内容管理</title>
  <link rel="stylesheet" href="<?php echo $path; ?>/vendor/layui/css/layui.css">
  <style>
    .body {
      position: absolute;
      left: 0;
      right: 0;
      top: 51px;
      bottom: 0;
      z-index: 66;
      width: auto;
      overflow: hidden;
      overflow-x: auto;
      box-sizing: border-box;
    }
    iframe {
      border: none;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
    }
  </style>
</head>
<body>
<div class="layui-tab layui-tab-brief">
  <ul class="layui-tab-title">
    <?php echo $tags; ?>
  </ul>
</div>
<div class="layui-body body">
    <iframe id="body" src="<?php echo $path; ?>/cate.php?lang=en&type=product"></iframe>
</div>
<script src="<?php echo $path; ?>/vendor/layui/layui.js"></script>
<script>
    /** 引入组件 */
    layui.use(['jquery', 'element'], function () {
        var $ = layui.$,
            element = layui.element;

        $('.layui-tab-title').on('click', 'a', function (e) {
            e.preventDefault();
            $('#body').prop('src', this.href);
        });
    });
</script>
</body>
</html>